import type { Metadata } from "next";
import { Providers } from "@/components/Providers";
import { NavigationHeader } from "@/components/NavigationHeader";
import "./globals.css";

export const metadata: Metadata = {
  title: "医学影像处理平台",
  description: "专业的医学影像处理和分析平台",
  keywords: "医学影像, DICOM, 影像处理, 医疗AI, 3D可视化",
  authors: [{ name: "医学影像处理平台团队" }],
  viewport: "width=device-width, initial-scale=1",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="zh-CN" suppressHydrationWarning>
      <head>
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="icon" href="/favicon.ico" />
      </head>
      <body className="antialiased bg-gray-50 text-gray-900">
        <Providers>
          <div className="app-container min-h-screen flex flex-col">
            <NavigationHeader />
            <main className="main-content flex-1">
              {children}
            </main>
          </div>
        </Providers>
      </body>
    </html>
  );
}
